<!-- Footer Start -->
<div class="section footer-section">

    <!-- Footer Widget Section Start -->
    <div class="footer-widget-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-5 order-md-1 order-lg-1">
                    <!-- Footer Widget Start -->
                    <div class="footer-widget">
                        <div class="widget-text">
                            <a href="#"><img src="{$config.logo}" alt=""></a>
                            <p>Barly pleasure rationally encounter consequences that extremely painful desires to obtain pain of itself </p>
                        </div>
                        <div class="widget-social">
                            <h5 class="title">Social Link</h5>
                            <div class="social">
                                <a href="#"><i class="fa fa-facebook-f"></i></a>
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-instagram"></i></a>
                                <a href="#"><i class="fa fa-skype"></i></a>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->
                </div>
                <div class="col-lg-6 order-md-3 order-lg-2">
                    <div class="widget-link-wrapper">
                        <!-- Footer Widget Start -->
                        <div class="footer-widget">
                            <h4 class="footer-widget-title">Our Store</h4>
                            <div class="footer-widget-link">
                                <ul>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> New York </a></li>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> Chicago </a></li>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> Las Vegas </a></li>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> Washington </a></li>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> Boston </a></li>
                                </ul>
                            </div>
                        </div>
                        <!-- Footer Widget End -->
                        <!-- Footer Widget Start -->
                        <div class="footer-widget">
                            <h4 class="footer-widget-title">Useful Links</h4>
                            <div class="footer-widget-link  d-flex justify-content-sm-between">
                                <ul>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> About us </a></li>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> Conditions </a></li>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> Payment </a></li>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> Return Policy </a></li>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> My Account </a></li>
                                </ul>
                                <ul>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> Promotions </a></li>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> Shipping </a></li>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> Support </a></li>
                                    <li><a href="#"><i class="fa fa-angle-double-right"></i> Contact us </a></li>
                                </ul>
                            </div>
                        </div>
                        <!-- Footer Widget End -->
                    </div>
                </div>
                <div class="col-lg-3 col-md-7 order-md-2 order-lg-3">
                    <!-- Footer Widget Start -->
                    <div class="footer-widget widget-info">
                        <h4 class="footer-widget-title">Contact info</h4>
                        <div class="widget-info-wrapper">
                            <h5 class="title">Head Office</h5>
                            <div class="single-info">
                                <p>{$contacts.address}</p>
                            </div>
                            <div class="single-info">
                                <p>Phone no. <a href="tel:{$config.contacts.phone}">{$config.contacts.phone}</a></p>
                                <p>Mobile. <a href="tel:{$config.contacts.mobile}">{$config.contacts.mobile}</a></p>
                            </div>
                            <div class="single-info">
                                <p><a href="mailto:{$config.contacts.email}">{$config.contacts.email}</a></p>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Footer Widget Section End -->

    <!-- Footer Copyright Start -->
    <div class="footer-copyright">
        <div class="container">
            <div class="copyright-payment">
                <div class="copyright-text">
                    <p>{$config.copyright}</p>
                </div>
                <div class="payment-method">
                    <img src="__PUBLIC__/assets/images/payment.png" alt="Payment">
                </div>
            </div>
        </div>
    </div>
    <!-- Footer Copyright End -->

    <div class="footer-shape">
        <img src="__PUBLIC__/assets/images/footer-shape.png" alt="">
    </div>

</div>
<!-- Footer End -->


<!-- Back to Top Start -->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!-- Back to Top End -->




<!-- JS
============================================ -->

<!-- Modernizer & jQuery JS -->
<script src="__PUBLIC__/assets/js/vendor/modernizr-3.11.2.min.js"></script>
<script src="__PUBLIC__/assets/js/vendor/jquery-3.5.1.min.js"></script>

<!-- Bootstrap JS -->
<!-- <script src="__PUBLIC__/assets/js/plugins/popper.min.js"></script>
<script src="__PUBLIC__/assets/js/plugins/bootstrap.min.js"></script> -->

<!-- Plugins JS -->
<!-- <script src="__PUBLIC__/assets/js/plugins/swiper-bundle.min.js"></script>
<script src="__PUBLIC__/assets/js/plugins/jquery.countdown.min.js"></script>
<script src="__PUBLIC__/assets/js/plugins/jquery.nice-select.min.js"></script>
<script src="__PUBLIC__/assets/js/plugins/select2.min.js"></script>
<script src="__PUBLIC__/assets/js/plugins/jquery-ui.min.js"></script>
<script src="__PUBLIC__/assets/js/plugins/jquery.magnific-popup.min.js"></script>
<script src="__PUBLIC__/assets/js/plugins/TweenMax.min.js"></script>
<script src="__PUBLIC__/assets/js/plugins/masonry.pkgd.min.js"></script>
<script src="__PUBLIC__/assets/js/plugins/imagesloaded.pkgd.min.js"></script>
<script src="__PUBLIC__/assets/js/plugins/ajax-contact.js"></script> -->

<!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
<script src="__PUBLIC__/assets/js/plugins.min.js"></script>
<script src="__PUBLIC__/plugs/layui/layui.js"></script>


<!-- Main JS -->
<script src="__PUBLIC__/assets/js/main.js"></script>


</body>

</html>